<template>
    <!-- 放置html代码 -->
    <div>
        <!-- <header>
            <div class="left">
                <img src="../images/主页/u128.png" alt="网站 Logo" />
                <span>双碳招投标网</span>
            </div>
            <div class="center">
                <ul>
                    <li>
                        <router-link to="/PlatformDynamics">平台动态</router-link>
                    </li>

                    <li><router-link to="/PoliciesAndRegulations">政策法规</router-link></li>
                    <li><router-link to="/Complt">违规投诉</router-link></li>
                </ul>
            </div>
            <div class="right">
                <img src="../images/主页/u122.png" alt="个人头像" />
                <span><router-link to="/EnterprIselnformation">企业信息</router-link></span>
            </div>
        </header>
        <router-view></router-view>
        <hr> -->
        <main>
            <section class="announcements">
                <div style="float: left; margin-top: 20px">
                    <span style=""><router-link to="/Home">主页面</router-link></span>
                    <span style=""><b>/政策法规</b></span>
                    <h2></h2>
                </div>
                <table>
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>政策法规标题</th>
                            <th>发布时间<img src="../images/公告列表/u202.png" alt="" style="width: 20px;"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>2023年度北京市财政局财政法律法规规章及制度执行情况评估项目</td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>变更公告】珠海电厂...</td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>印制《惠州市...</td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td><router-link to="/PoliciesAndRegulations_xq">政策法规详情</router-link></td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>2023年广州市水务局...</td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>彭泽县教育政策...</td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>（审计办）印刷...</td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>民族宗教政策法规...</td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>（审计办）印刷...</td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>太原市迎泽区卫生局...</td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>常用环保法律法规汇编</td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>统计法律法规...</td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>太原市迎泽区卫生局...</td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>侯马市第二中学...</td>
                            <td>2022-04-13</td>
                        </tr>
                        <tr>
                            <td><img src="../images/主页/u19.png" alt=""></td>
                            <td>关于严格执行...</td>
                            <td>2022-04-13</td>
                        </tr>

                    </tbody>
                </table>
            </section>
        </main>
    </div>
</template>

<script>
// <!-- 放置js代码 -->
import { navData } from '@/untils/nav';
export default {
    name: 'PoliciesAndRegulations',
    props: {

    },
    setup() {
        return {
            navData,
        };
    },
    data() {
        return {
            noticeList: [
                { title: '麻城市中心麻城经济开发区谌家园小学建设项目招标预公告', date: '2022-04-13' },
                { title: '麻城市中心 麻城市农村公路管理局招标计划', date: '2022-04-13' },
                // ... 更多数据项
            ]
        }
    }
}
</script>


<style>
/* <!-- 放置css样式代码 --> */
.announcements table {
    width: 100%;
    border-collapse: collapse;
}

.announcements th,
.announcements td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
}

.announcements th {
    background-color: #f4f4f4;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px;
    background-color: #f8f9fa;

}

.left img {
    width: 50px;
    height: 50px;
}

.left span {
    font-size: 25px;
    float: right;
    margin-top: 10px;
    margin-left: 15px;
}

.center ul {
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    padding: 0px;
}

.center li {
    margin: 0px 60px;
}

.right img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 15px;
}

.right span {
    float: right;
    margin-top: 5px;
}

.notice-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.fixed-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.notice-info {
    flex: 1;
}

.notice-title {
    font-size: 16px;
    margin-bottom: 5px;
}

.notice-date {
    font-size: 14px;
    color: #999;
}
</style>